<!DOCTYPE html>
<html class="x-admin-sm">
	<head>
		<meta charset="UTF-8">
		<title>欢迎页面-X-admin2.2</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- 		<meta name="viewport"
			content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /> -->
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<script type="text/javascript" src="./js/vue.min.js"></script>
		<link rel="stylesheet" href="./css/iview.css">
<!-- 		<link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> -->
		<!-- 引入组件库 -->
		<script src="js/vue-resource.js"></script>
		<script src="js/axios.min.js"></script>
		<!-- <script src="//unpkg.com/iview/dist/iview.min.js"></script> -->
		<script src="./js/iview.js"></script>
		<script src="./js/golable_url.js"></script>

	</head>
	<body>
		<div class="x-nav">
			<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href="">演示</a>
				<a>
					<cite>导航元素</cite></a>
			</span>
			<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
				onclick="location.reload()" title="刷新">
				<i class="layui-icon layui-icon-refresh" style="line-height:30px">恢复</i></a>
		</div>
		<!-- vue挂载点 由此开始 -->
		<div class="layui-fluid" id="app">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-body">
							<!-- 注释掉，方便日后升级开发 -->
							<p>注意:按认证情况筛选</p>
							<!-- <form class="layui-form layui-col-space5"> -->
							<div class="layui-inline layui-show-xs-block">
								<i-select @on-change="getCanditate" placeholder="请选择筛选条件" style="width:150px;"
									v-model="CanditateDate">
									<i-option v-for="item in userStatus" :value="item.value" :key="item">
										{{ item.label }}
									</i-option>
								</i-select>
							</div>

							<div class="layui-inline layui-show-xs-block">
								<button @click="backPageNum" class="layui-btn" lay-submit="" lay-filter="sreach"><i
										class="layui-icon">&#xe615;筛选</i></button>

							</div>
							
							<div class="layui-inline layui-show-xs-block" style="width: 200px">
								
							
							</div>
							
							
							<div class="layui-inline layui-show-xs-block" style="width: 600px">
								<Row>
								    <i-col span="8">
								        <Date-picker v-model="beginDate" type="date" placeholder="开始日期" style="width: 200px"></Date-picker>
								    </i-col>
									<i-col span="8">
									    <Date-picker v-model="endDate" type="date" placeholder="结束日期" style="width: 200px"></Date-picker>
									</i-col>
									<i-col span="4">
									    <i-select v-model="carState" style="width:100px">
									            <i-option v-for="item in userStatus" :value="item.value" :key="item.value">{{ item.label }}</i-option>
									        </i-select>
									</i-col>
								</Row>
							
							</div>
							
							
							

						</div>
						<div class="layui-card-body">
							<div class="layui-inline layui-show-xs-block">
								<i-input v-model="inputWorkNum" placeholder="输入车牌号查询" style="width:150px;" />
							</div>
							<div class="layui-inline layui-show-xs-block">
								<button @click="searchForWorkNum" class="layui-btn" lay-submit="" lay-filter="sreach"><i
										class="layui-icon">&#xe615;查询</i></button>
							</div>
							
							
							<div class="layui-inline layui-show-xs-block" style="width: 200px">
								
							
							</div>
							
							
							<div class="layui-inline layui-show-xs-block" style="width: 600px">
							<Row  style="margin-top:10px">
							    <i-col span="8">
							        <Time-picker v-model="beginTime" separator="-" type="time" placeholder="开始时间" style="width: 200px"></Time-picker>
							    </i-col>
								<i-col span="8">
								    <Time-picker v-model="endTime" type="time" placeholder="结束时间" style="width: 200px"></Time-picker>
								</i-col>
								 <!-- :disabled="buttonState" -->
								 <i-col span="8">
								    <!-- <i-button @click="ByDateCarList"  type="info" style="width:100px">确认提交</i-button> -->
									<button style="width:100px;height: 32px;" class="layui-btn layui-btn layui-btn-xs" @click="ByDateCarList"><i class="layui-icon"></i>确认提交</button>
								 </i-col>
							
							</Row>
							</div>
							
							
							
							

						</div>

						<!-- 												<div class="layui-card-header">
							<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
							<button class="layui-btn" onclick="xadmin.open('添加用户','./member-add.html',600,400)"><i class="layui-icon"></i>添加</button>
						</div> -->
						<!-- 注释掉，方便日后升级开发 -->



						<div class="layui-card-body layui-table-body layui-table-main">
							<table class="layui-table layui-form" id="tab_th">
								<thead>
									<tr>

										<!-- 全选预留 -->
										<!--                                    <th>
                                      <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">
                                    </th> -->

										<th>
											ID

										</th>
										<!-- <th></th> -->
										<th>工号/学号</th>
										<th>姓名</th>
										<th>车牌号</th>
										<th>认证状态</th>

										<!-- <th>类型</th> -->
										<th>车前图片</th>
										<th>车后图片</th>
										<th>添加时间</th>
									</tr>
								</thead>
								<tbody>
									<tr v-for="(item,index)  in carList" :key="index" @click="tranformNameAndNum(item.userId,index)" v-trigger>
										<!-- 										<td>
											<input type="checkbox" name="id" value="1" lay-skin="primary">
										</td> -->
										<td>{{index + 1}}</td>

										<td>{{workList[index]}}</td>
										<td>{{nameList[index]}}</td>
										<td>{{item.carNum}}</td>
										<td @click="getUserCarId(item.userCarId)">
											<i-select @on-change="changeStatus(index,item.userCarId)" size="small"
												:placeholder=item.carState v-model="selectStatus[index]"
												style="width:100px">
												<i-option v-for="item in userStatus" :value="item.value" :key="item">
													{{ item.label }}
												</i-option>
											</i-select>




										</td>

										<td>

											<!-- {{item.carBeforeImg}} -->
											<!-- <img :src=item.carBeforeImg alt="点击放大缩小"/> -->
											<button class="layui-btn layui-btn layui-btn-xs"
												@click="showpopup(item.carBeforeImg)"><i
													class="layui-icon">&#xe642;</i>查看大图</button>
										</td>
										<div v-show="popup" @click="closepopup">
											<!--这里是要展示的内容层-->
											<div class="center_img">
												<img :src=img_path alt="" style="width: 100%;height: 100%;" />

											</div>
											<!--这里是半透明背景层-->
											<div class="over"></div>
										</div>


										<td>
											<!-- {{item.carAfterImg}} -->
											<!-- <img :src=item.carAfterImg alt="点击放大缩小"/> -->
											<button class="layui-btn layui-btn layui-btn-xs"
												@click="showpopup2(item.carAfterImg)"><i
													class="layui-icon">&#xe642;</i>查看大图</button>


										</td>

										<div v-show="popup" @click="closepopup">
											<!--这里是要展示的内容层 -->
											<div class="center_img">
												<img :src=img_path alt="" style="width: 100%;height: 100%;" />

											</div>
											<!--这里是半透明背景层-->
											<div class="over"></div>
										</div>



										<td>
											{{item.addTime}}
										</td>
									</tr>


								</tbody>
							</table>
						</div>
						<!-- ---------分页 -->
						<div class="bottom_page">
							<Page :total=UserCount page-size=20 @on-change="backPageNum"></Page>
						</div>

					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="./js/car-list.js"></script>
	</body>
</html>
